<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="format-detection" content="telephone=no" />
    <title>统一认证系统-应用管理-应用设置</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="/css/style.css" />
    <link rel="stylesheet" href="/css/iconfont.css" />
    <link rel="stylesheet" href="/css/element-icons.css" />
    <link rel="stylesheet" href="/css/newiconfont.css" />
    <script src="/js/jquery.min.js"></script>
    <script src="/js/lib.js"></script>
    <!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--[if IE]>
        <link rel="stylesheet" href="/css/all-ie-only.css" />
    <![endif]-->
</head>

<body>
    <div class="header">
        <a href="javascript:;" class="header-logo">
            <img src="/images/logo.png" alt="" />
        </a>
        <div class="header-nav">
            <ul class="fix">
                <li>
                    <a href="javascript:;" class="v1">标识注册系统</a>
                </li>
                <li>
                    <a href="javascript:;" class="v1">标识解析系统</a>
                </li>
                <li>
                    <a href="javascript:;" class="v1">统一认证系统</a>
                </li>
                <li>
                    <a href="javascript:;" class="v1">运行检测系统</a>
                </li>
                <li>
                    <a href="javascript:;" class="v1">区块链浏览器</a>
                </li>
                <li>
                    <a href="javascript:;" class="v1">链网展示系统</a>
                </li>
            </ul>
        </div>
        <div class="header-user">
            <a href="javascript:;" class="hd">
                <img src="../../images/head.png" alt="" />
                <span>管理员</span>
            </a>
            <div class="dropdown-menu">
                <div class="icon-arrow"></div>
                <ul>
                    <li class="wrz">
                        <a href="javascript:;" class="con">
                            <span>未认证</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="con">
                            <span>首页</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="con">
                            <span>资料编辑</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="con">
                            <span>我的钱包</span>
                        </a>
                    </li>
                    <li>
                       <a onclick="logout()" class="con">
                            <span>退出1</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="block-contail">
        <!-- 布局-侧边 -->
        <div class="block-left">
            <div class="block-scrollbar">
                <!-- 收起、展开按钮 -->
                <div class="arrow-btn">
                    <span class="el-icon-arrow-left"></span>
                </div>
                <!-- 收起、展开按钮 end -->
                <!-- 侧边导航 -->
                <ul class="slide-nav">
                    <li>
                        <a href="javascript:;" class="v1">
                            <i class="icon_dn icon newiconfont newicon1-guganlianguanli"></i>
                            <span class="title">骨干链管理</span>
                            <i class="icon-arrow el-icon-arrow-down"></i>
                        </a>
                        <div class="slide-nav-subitem">
                            <ul>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">基础配置</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">节点管理</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">合约管理</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">用户管理</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="v1">
                            <i class="icon_dn icon newiconfont newicon2-zilianguanli"></i>
                            <span class="title">子链管理</span>
                            <i class="icon-arrow el-icon-arrow-down"></i>
                        </a>
                        <div class="slide-nav-subitem">
                            <ul>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">子链申报管理</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">子链区块头</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">子链节点管理</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">子链用户管理</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">子链合约管理</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="v1">
                            <i class="icon_dn icon newiconfont newicon3-renzhengzhongxin"></i>
                            <span class="title">认证中心</span>
                            <i class="icon-arrow el-icon-arrow-down"></i>
                        </a>
                        <div class="slide-nav-subitem">
                            <ul>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">个人认证</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">企业认证</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">节点认证</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="v1">
                            <i class="icon_dn icon newiconfont newicon6-quanxianguanli"></i>
                            <span class="title">权限管理</span>
                            <i class="icon-arrow el-icon-arrow-down"></i>
                        </a>
                        <div class="slide-nav-subitem">
                            <ul>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">角色管理</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="v1">
                            <i class="icon_dn icon iconfont iconicon_setting"></i>
                            <span class="title">系统管理</span>
                            <i class="icon-arrow el-icon-arrow-down"></i>
                        </a>
                        <div class="slide-nav-subitem">
                            <ul>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">用户管理</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">系统字典</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">业务字典</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="v2">
                                        <span class="title">菜单管理</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
                <!-- 侧边导航 end -->
            </div>
        </div>
        <!-- 布局-侧边 end -->
        <!-- 布局-主内容 -->
        <div class="block-main">
            <div class="block-scrollbar">
                <!-- 主内容 -->
                <div class="cur">
                    <span>应用设置</span>
                </div>
                <div class="block-1">
                    <div class="block1-cont">
                        <div class="box-set3">
                            <div class="set-bd2">
                                <div class="set-item col-3">
                                    <div class="tit">应用名称:</div>
                                    <div class="con">
                                        <input id="appName" type="text" class="input-inner" placeholder=""  onkeyup="this.value=this.value.replace(/\s+/g,'')"/>
                                    </div>
                                </div>
                                <div class="set-item col-3">
                                    <div class="tit">应用码:</div>
                                    <div class="con">
                                        <input id="appCode" type="text" class="input-inner" placeholder=""  onkeyup="this.value=this.value.replace(/\s+/g,'')"/>
                                    </div>
                                </div>
                                <div class="set-item col-3">
                                    <div class="tit">应用链接:</div>
                                    <div class="con">
                                        <input id="appUrl" type="text" class="input-inner" placeholder=""  onkeyup="this.value=this.value.replace(/\s+/g,'')"/>
                                    </div>
                                </div>
                                <div class="set-item col-3">
                                    <div class="tit">客户端ID:</div>
                                    <div class="con">
                                        <input id="clientId" type="text" class="input-inner" placeholder=""  onkeyup="this.value=this.value.replace(/\s+/g,'')"/>
                                    </div>
                                </div>
                                <div class="set-item col-3">
                                    <div class="tit">描述信息</div>
                                    <div class="con">
                                        <input id="description" type="text" class="input-inner" placeholder=""  onkeyup="this.value=this.value.replace(/\s+/g,'')"/>
                                    </div>
                                </div>
                                <div class="set-item col-3">
                                    <div class="tit">匿名访问:</div>
                                    <div class="con">
                                        <div class="dropmenurel01 js-dropmenu" data-modulename="dropmenurel01">
                                            <input type="hidden" value="" id="anonymousAccess">
                                            <div class="dropmenurel01-tit">
                                                <span id="anonymousAccessText">请选择</span>
                                                <i class="el-input__icon el-icon-arrow-up"></i>
                                            </div>
                                            <div class="dropmenurel01-options js-dropmenu-options">
                                                <i class="popper__arrow"></i>
                                                <ul>
                                                    <li data-value="">--全部--</li>
                                                    <li data-value="1">允许</li>
                                                    <li data-value="2">不允许</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="set-bt set-bt_center">
                                <a href="javascript:;" class="primary-btn" id="search">
                                    <i class="icon_dn el-icon-search"></i>
                                    <span>查询</span>
                                </a>
                                <a href="javascript:;" id="reset">
                                    <i class="icon_dn el-icon-refresh"></i>
                                    <span>重置</span>
                                </a>
                            </div>
                        </div>
                        <div class="box-set2">
                            <div class="set-bt">
                                <a onclick="resetParams()" href="javascript:;" class="myfancy" data-href="#pop-yingyongxinxi">
                                    <i class="icon_dn el-icon-circle-plus-outline"></i>
                                    <span>添加</span>
                                </a>
                            </div>
                            <h3>应用列表</h3>
                        </div>
                        <div class="data-content_2 table-scroll-x">
                            <div class="table1-head table-6">
                                <table>
                                    <colgroup>
                                        <col name="" width="208">
                                        <col name="" width="146">
                                        <col name="" width="432">
                                        <col name="" width="116">
                                        <col name="" width="350">
                                        <col name="" width="116">
                                        <col name="" width="219">
                                    </colgroup>
                                    <thead>
                                        <tr>
                                            <th class="table1_center">应用名称</th>
                                            <th class="table1_center">应用码</th>
                                            <th>应用链接</th>
                                            <th class="table1_center">客户端ID</th>
                                            <th class="table1_center">描述信息</th>
                                            <th class="table1_center">匿名访问</th>
                                            <th class="table1_center">操作</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            <div class="table1-body table-6">
                                <table>
                                    <colgroup>
                                        <col name="" width="208">
                                        <col name="" width="146">
                                        <col name="" width="432">
                                        <col name="" width="116">
                                        <col name="" width="350">
                                        <col name="" width="116">
                                        <col name="" width="219">
                                    </colgroup>
                                    <tbody id="table"></tbody>
                                </table>
                            </div>
                        </div>
                        <div class="pages pages-center">
                            <ul id="pageList"></ul>
                            <div class="pages-go">
                                前往
                                <input type="number" value="1" class="input-inner" id="pageNum" min="0"/>
                                页
                                <div class="pages-prev pages-disable"><a onclick="changePageSize(10)"
                                        href="javascript:;"><i class="el-icon el-icon-arrow-left"></i></a></div>
                            </div>
                            <div class="dropmenurel01 js-dropmenu" data-modulename="dropmenurel01">
                                <input type="hidden" value="0">
                                <div class="dropmenurel01-tit">
                                    <span>请选择</span>
                                    <i class="el-input__icon el-icon-arrow-up"></i>
                                </div>
                                <div class="dropmenurel01-options js-dropmenu-options">
                                    <i class="popper__arrow"></i>
                                    <ul>
                                        <li data-value="1" onclick="changePageSize(10)">10条/页</li>
                                        <li data-value="2" onclick="changePageSize(20)">20条/页</li>
                                        <li data-value="3" onclick="changePageSize(30)">30条/页</li>
                                        <li data-value="4" onclick="changePageSize(40)">40条/页</li>
                                        <li data-value="5" onclick="changePageSize(50)">50条/页</li>
                                        <li data-value="6" onclick="changePageSize(100)">100条/页</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 新增应用信息 -->
                <div class="m-pop" id="pop-yingyongxinxi">
                    <div class="win-pop2">
                        <div class="win1-hd">
                            <div class="win1-btn">
                                <a href="javascript:;" class="close js-close">
                                    <i class="el-dialog__close el-icon el-icon-close"></i>
                                </a>
                            </div>
                            <h3>新增应用信息</h3>
                        </div>
                        <div class="win2-bd">
                            <div class="form-1 form-3">
                                <form action="">
                                    <div class="form-item col-1">
                                        <div class="tit"><span>*</span>应用名称:</div>
                                        <div class="con">
                                            <input id="add-appName" type="text" class="input-inner" placeholder="" onmouseout="validateInput('add-appName');" onkeyup="this.value=this.value.replace(/\s+/g,'')">
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="add-appName-error">请输入应用名称</div>
                                    </div>
                                    <div class="form-item col-1">
                                        <div class="tit"><span>*</span>应用码:</div>
                                        <div class="con">
                                            <input id="add-appCode" type="text" class="input-inner" placeholder=""  value="" onmouseout="validateInput('add-appCode');" onkeyup="this.value=this.value.replace(/\s+/g,'')">
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="add-appCode-error">请输入应用码</div>
                                    </div>
                                    <div class="form-item col-1">
                                        <div class="tit"><span>*</span>应用链接:</div>
                                        <div class="con">
                                            <input id="add-appUrl" type="text" class="input-inner" placeholder="" value="" onmouseout="validateInput('add-appUrl');" onkeyup="this.value=this.value.replace(/\s+/g,'')">
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="add-appUrl-error">请输入应用链接</div>
                                    </div>
                                    <div class="form-item col-1">
                                        <div class="tit">客户端ID:</div>
                                        <div class="con">
                                            <input id="add-clientId" type="text" class="input-inner" placeholder="" value="" onkeyup="this.value=this.value.replace(/\s+/g,'')">
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="add-clientId-error">客户端ID只能输入数字</div>
                                    </div>
                                    <div class="form-item col-1">
                                        <div class="tit"><span>*</span>描述信息:</div>
                                        <div class="con">
                                            <textarea id="add-description" class="textarea-inner" onmouseout="validateInput('add-description');" onkeyup="this.value=this.value.replace(/\s+/g,'')"></textarea>
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="add-description-error">请输入描述信息</div>
                                    </div>
                                    <div class="form-item col-1">
                                        <div class="tit"><span>*</span>匿名访问:</div>
                                        <div class="con">
                                            <div class="dropmenurel01 js-dropmenu" data-modulename="dropmenurel01">
                                                <input id="add-anonymousAccess" type="hidden" value="">
                                                <div class="dropmenurel01-tit">
                                                    <span>请选择</span>
                                                    <i class="el-input__icon el-icon-arrow-up"></i>
                                                </div>
                                                <div class="dropmenurel01-options js-dropmenu-options">
                                                    <i class="popper__arrow"></i>
                                                    <ul>
                                                        <li data-value="1">允许</li>
                                                        <li data-value="2">不允许</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="add-anonymousAccess-error">请选择</div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="win-bt win-bt_center">
                            <a href="javascript:;" class="js-btn"><span>取 消</span></a>
                            <a href="javascript:;" class="primary-btn" onclick="save('add');"><span>确 定</span></a>
                        </div>
                    </div>
                </div>
                <!-- 新增应用信息 end -->
                <!-- 修改应用信息 -->
                <div class="m-pop" id="pop-xiugaiyingyongxinxi">
                    <div class="win-pop2">
                        <div class="win1-hd">
                            <div class="win1-btn">
                                <a href="javascript:;" class="close js-close">
                                    <i class="el-dialog__close el-icon el-icon-close"></i>
                                </a>
                            </div>
                            <h3>修改应用信息</h3>
                        </div>
                        <div class="win2-bd">
                            <div class="form-1 form-3">
                                <form action="">
                                    <div class="form-item col-1">
                                        <div class="tit"><span>*</span>应用名称:</div>
                                        <div class="con">
                                            <input id="edit-appName" type="text" class="input-inner" placeholder="" onmouseout="validateInput('edit-appName');" onkeyup="this.value=this.value.replace(/\s+/g,'')">
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="edit-appName-error">请输入应用名称</div>
                                    </div>
                                    <div class="form-item col-1">
                                        <div class="tit"><span>*</span>应用码:</div>
                                        <div class="con">
                                            <input id="edit-appCode" type="text" class="input-inner" placeholder="" value="" onmouseout="validateInput('edit-appCode');" onkeyup="this.value=this.value.replace(/\s+/g,'')">
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="edit-appCode-error">请输入应用码</div>
                                    </div>
                                    <div class="form-item col-1">
                                        <div class="tit"><span>*</span>应用链接:</div>
                                        <div class="con">
                                            <input id="edit-appUrl" type="text" class="input-inner" placeholder="" value="" onmouseout="validateInput('edit-appUrl');" onkeyup="this.value=this.value.replace(/\s+/g,'')">
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="edit-appUrl-error">请输入应用链接</div>
                                    </div>
                                    <div class="form-item col-1">
                                        <div class="tit">客户端ID:</div>
                                        <div class="con">
                                            <input id="edit-clientId" type="text" class="input-inner" placeholder="" value="" onmouseout="validateInput('edit-clientId');" onkeyup="this.value=this.value.replace(/\s+/g,'')">
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="edit-clientId-error">客户端ID只能输入数字</div>
                                    </div>
                                    <div class="form-item col-1">
                                        <div class="tit"><span>*</span>描述信息:</div>
                                        <div class="con">
                                            <textarea id="edit-description" class="textarea-inner" onmouseout="validateInput('edit-description');" onkeyup="this.value=this.value.replace(/\s+/g,'')"></textarea>
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="edit-description-error">请输入描述信息</div>
                                    </div>
                                    <div class="form-item col-1">
                                        <div class="tit"><span>*</span>匿名访问:</div>
                                        <div class="con">
                                            <div class="dropmenurel01 js-dropmenu" data-modulename="dropmenurel01">
                                                <input id="edit-anonymousAccess" type="hidden" value="">
                                                <div class="dropmenurel01-tit">
                                                    <span id="anonymousAccessEdit">请选择</span>
                                                    <i class="el-input__icon el-icon-arrow-up"></i>
                                                </div>
                                                <div class="dropmenurel01-options js-dropmenu-options">
                                                    <i class="popper__arrow"></i>
                                                    <ul>
                                                        <li data-value="1">允许</li>
                                                        <li data-value="2">不允许</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="con" style="color: red;display: none;" id="edit-anonymousAccess-error">请选择</div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="win-bt win-bt_center">
                            <a href="javascript:;" class="js-btn"><span>取 消</span></a>
                            <a href="javascript:;" class="primary-btn" onclick="save('edit');"><span>确 定</span></a>
                        </div>
                    </div>
                </div>
                <!-- 修改应用信息 end -->
                <!-- 主内容 end -->
            </div>
        </div>
        <!-- 布局-主内容 end -->
    </div>
    <div class="pop-bg"></div>
    <!-- 合约禁用弹窗 -->
    <div class="m-pop" id="pop-heyuejinyong">
        <div class="win-pop1">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>合约禁用</h3>
            </div>
            <div class="win1-bd">
                <div class="win1-item">
                    <div class="tit">禁用原因<span>*</span></div>
                    <div class="con">
                        <input type="text" class="input-inner" />
                    </div>
                </div>
            </div>
            <div class="win-bt">
                <a href="javascript:;" class="js-btn"><span>取 消</span></a>
                <a href="javascript:;" class="primary-btn"><span>确 定</span></a>
            </div>
        </div>
    </div>
    <!-- 合约禁用弹窗 end -->
    <!-- 撤销弹窗 -->
    <div class="m-pop" id="pop-chexiaozhengshu">
        <div class="win-pop1">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>撤销</h3>
            </div>
            <div class="win1-bd">
                <div class="win1-item">
                    <div class="tit">撤销原因:</div>
                    <div class="con">
                        <textarea class="textarea-inner" placeholder="请输入撤销原因"></textarea>
                    </div>
                </div>
            </div>
            <div class="win-bt">
                <a href="javascript:;" class="primary-btn"><span>提交</span></a>
                <a href="javascript:;" class="js-btn"><span>返回</span></a>
            </div>
        </div>
    </div>
    <!-- 撤销弹窗 end -->
    <!-- 禁用弹窗 -->
    <div class="m-pop" id="pop-jinyong">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-info"></div>
                    <div class="desc">
                        <p>您确定要禁用标识吗？</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="javascript:;" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 禁用弹窗 end -->
    <!-- 启用弹窗 -->
    <div class="m-pop" id="pop-qiyong">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-info"></div>
                    <div class="desc">
                        <p>您确定要启用标识吗？</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="javascript:;" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 启用弹窗 end -->
    <!-- 下载KeyStore -->
    <div class="m-pop" id="pop-xiazaiKeyStore">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="tit">请输入创建人的私钥</div>
                    <div class="con">
                        <input type="text" class="input-inner" />
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="javascript:;" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 下载KeyStore end -->
    <!-- 删除 -->
    <div class="m-pop" id="pop-shanchu">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-warning"></div>
                    <div class="desc">
                        <p>此操作将永久删除该数据, 是否继续?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="javascript:;" class="primary-btn" onclick="deleteItem();"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 删除 end -->
    <!-- 删除2 -->
    <div class="m-pop" id="pop-shanchu2">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-info"></div>
                    <div class="desc">
                        <p>确定删除选中角色?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="javascript:;" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 删除2 end -->
    <!-- 删除3 -->
    <div class="m-pop" id="pop-shanchu3">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <!-- <h3>提示</h3> -->
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-warning"></div>
                    <div class="desc">
                        <p>确定将选择数据删除?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="javascript:;" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 删除3 end -->
    <!-- 删除4 -->
    <div class="m-pop" id="pop-shanchu4">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <!-- <h3>提示</h3> -->
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-warning"></div>
                    <div class="desc">
                        <p>确定将选择数据删除?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="javascript:;" class="primary-btn" onclick="deleteItem();"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 删除4 end -->
    <!-- 移至黑名单 -->
    <div class="m-pop" id="pop-yizhiheimingdan">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-warning"></div>
                    <div class="desc">
                        <p>确定将该用户移至黑名单吗?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="javascript:;" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 移至黑名单 end -->
    <!-- 升至管理员 -->
    <div class="m-pop" id="pop-shengzhiguanliyuan">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-warning"></div>
                    <div class="desc">
                        <p>确定将该用户添加至管理员?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="javascript:;" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 升至管理员 end -->
    <!-- 移除管理员 -->
    <div class="m-pop" id="pop-yichuguanliyuan">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-info"></div>
                    <div class="desc">
                        <p>确定移除该用户管理员?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="javascript:;" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 移除管理员 end -->
    <!-- 重置密码 -->
    <div class="m-pop" id="pop-chongzhimima">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>请输入接收密码的邮箱</h3>
            </div>
            <div class="win3-bd">
                <div class="form-1 form-4">
                    <form action="">
                        <div class="form-item col-1">
                            <div class="tit"></div>
                            <div class="con">
                                <input type="text" class="input-inner" placeholder="">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="javascript:;" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 重置密码 end -->
    <!-- 钱包解锁弹窗 -->
    <div class="m-pop" id="pop-qianbaojiesuo">
        <div class="win-pop2">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-dialog__close el-icon el-icon-close"></i>
                    </a>
                </div>
                <h3>钱包解锁</h3>
            </div>
            <div class="win1-bd">
                <div class="win2-item">
                    <div class="tit">请选择方式：</div>
                    <div class="con">
                        <ul class="radio-group js-custom-radio-checkbox" data-modulename="formrel01">
                            <li data-selectName=".item-select1">
                                <label>
                                    <input type="radio" name="1" checked />
                                    <i class="icon"></i>
                                    <span>BID keystore 文件</span>
                                </label>
                            </li>
                            <li data-selectName=".item-select2">
                                <label>
                                    <input type="radio" name="1" />
                                    <i class="icon"></i>
                                    <span>BID私钥</span>
                                </label>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="win2-item item-select1">
                    <div class="tit">请选择BID Keystore文件</div>
                    <div class="con">
                        <div class="file-upload_box3">
                            <div class="fileUpload-btn3">
                                <label>
                                    <input type="file" class="js-upload">
                                    <span><i class="icon_dn el-icon-upload e-upload"></i>选择文件</span>
                                </label>
                            </div>
                            <ul class="fileUpload-files">
                                <!-- <li>
                                <a href="javascript:;">
                                    <i class="el-icon-document"></i>
                                    <span>5cd67b13-740e-4f77-b950-09e47e60881d (1).json</span>
                                </a>
                                <i class="el-icon-close"></i>
                            </li> -->
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="win2-item col-1 item-select1">
                    <div class="tit">请输入密码：</div>
                    <div class="con">
                        <div class="input-suffix">
                            <input type="password" class="input-inner" placeholder="请输入密码" />
                            <div class="icon">
                                <i class="el-input__icon i-changetype el-icon-view"></i>
                                <i class="el-input__icon el-icon-circle-close"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="win2-item col-1 item-select2">
                    <div class="tit">请输入BID私钥：</div>
                    <div class="con">
                        <div class="input-suffix">
                            <input type="password" class="input-inner" placeholder="请输入BID私钥" />
                            <div class="icon">
                                <i class="el-input__icon i-changetype el-icon-view"></i>
                                <i class="el-input__icon el-icon-circle-close"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="win-bt win-bt_center">
                <a href="javascript:;" class="js-btn"><span>取 消</span></a>
                <a href="javascript:;" class="primary-btn"><span>确 定</span></a>
            </div>
        </div>
    </div>
    <!-- 钱包解锁弹窗 end -->
    <!-- 显隐 -->
    <div class="m-pop" id="pop-xianyin">
        <div class="win-pop5">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-dialog__close el-icon el-icon-close"></i>
                    </a>
                </div>
                <h3>多 选</h3>
            </div>
            <div class="win1-bd">
                <ul class="checkbox-group2 js-custom-radio-checkbox" data-modulename="formrel01">
                    <li>
                        <label>
                            <input type="checkbox" name="1" checked />
                            <i class="icon"></i>
                            <span>角色名称</span>
                        </label>
                    </li>
                    <li>
                        <label>
                            <input type="checkbox" name="1" />
                            <i class="icon"></i>
                            <span>所属租户</span>
                        </label>
                    </li>
                    <li>
                        <label>
                            <input type="checkbox" name="1" />
                            <i class="icon"></i>
                            <span>角色别名</span>
                        </label>
                    </li>
                    <li>
                        <label>
                            <input type="checkbox" name="1" />
                            <i class="icon"></i>
                            <span>角色排序</span>
                        </label>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 显隐 end -->
    <script src="/js/module.js"></script>
    <script type="text/javascript">
        var currentSize = 10;
        var currentPage = 1;
        var num = 0;
        var currentItem = {};
        var tableData = "";
        var tablelist = function (page, size, params) {
            $request({
                url: '/user-manager/userApi/manager/oauthApp/appList?current=' + page + '&size=' + size,
                method: 'post',
                data: JSON.stringify(params)
            }, function (res) {
                console.log('第' + page + '页表格', size + '条数据');
                var list = res.data.records;
                tableData = list;
                var anonymousAccessList = ['允许', '不允许'];
                num = Math.ceil(res.data.total / currentSize);
                var template = '';
                $('#table').children().remove();
                $.each(list, function(i, x){
                    var data = JSON.stringify(x);
                    template += "<tr>" +
                        "<td class='table1_center'>" + x.appName + "</td>" +
                        "<td class='table1_center'>" + x.appCode + "</td>" +
                        "<td>" + x.appUrl + "</td>" +
                        "<td class='table1_center'>" + x.clientId + "</td>" +
                        "<td class='table1_center'>" + x.description + "</td>" +
                        "<td class='table1_center'>" + anonymousAccessList[x.anonymousAccess-1] + "</td>" +
                        "<td>" +
                        "<div class='table1-btn'>" +
                        "<a href='javascript:;' class='myfancy' onclick='edit(" + data + ")' data-href='#pop-xiugaiyingyongxinxi'>编辑</a>" +
                        "<a href='javascript:;' class='myfancy' data-href='#pop-shanchu' onclick='remove("+i+",this);'>删除</a>" +
                        "</div>" +
                        "</td>" +
                        "</tr>"
                });
                $('#table').append(template);
                pageNumInit(page, num);
            })
        }
        // 分页页码
        var pageNumInit = function (page, num) {
            $('#pageList').children().remove();
            if (num === 1) {
                $('#pageList').append(
                    "<li class='pages-prev pages-disable'><a href='javascript:;'><i class='el-icon el-icon-arrow-left'></i></a></li>" +
                    getPageNum(num) +
                    "<li class='pages-next pages-disable'><a href='javascript:;'><i class='el-icon el-icon-arrow-right'></i></a></li>"
                );
            }
            else if (currentPage === 1) {
                $('#pageList').append(
                    "<li class='pages-prev pages-disable'><a href='javascript:;'><i class='el-icon el-icon-arrow-left'></i></a></li>" +
                    getPageNum(num) +
                    "<li class='pages-next' onclick='changePageSize(" + currentSize + "," + (currentPage + 1) + ",this)'><a href='javascript:;'><i class='el-icon el-icon-arrow-right'></i></a></li>"
                );
            }
            else if (currentPage === num) {
                $('#pageList').append(
                    "<li class='pages-prev' onclick='changePageSize(" + currentSize + "," + (currentPage - 1) + ",this)'><a href='javascript:;'><i class='el-icon el-icon-arrow-left'></i></a></li>" +
                    getPageNum(num) +
                    "<li class='pages-next pages-disable'><a href='javascript:;'><i class='el-icon el-icon-arrow-right'></i></a></li>"
                );
            }
            else {
                $('#pageList').append(
                    "<li class='pages-prev' onclick='changePageSize(" + currentSize + "," + (currentPage - 1) + ",this)'><a href='javascript:;'><i class='el-icon el-icon-arrow-left'></i></a></li>" +
                    getPageNum(num) +
                    "<li class='pages-next' onclick='changePageSize(" + currentSize + "," + (currentPage + 1) + ", this)'><a href='javascript:;'><i class='el-icon el-icon-arrow-right'></i></a></li>"
                );
            }
            $("#pageNum_" + page + "").addClass("pages-active");
        }
        // 分页拼接
        var getPageNum = function (num) {
            var result = '';
            for (var i = 0; i < num; i++) {
                if (i === 0) {
                    result += "<li id='pageNum_" + (i + 1) + "' onclick='changePageSize(" + currentSize + "," + 1 + ",this)'><a href='javascript:;'>1</a></li>";
                }
                else {
                    result += "<li id='pageNum_" + (i + 1) + "' onclick='changePageSize(" + currentSize + "," + (i + 1) + ",this)'><a href='javascript:;'>" + (i + 1) + "</a></li>";
                }
            }
            return result;
        }
        // 搜索
        $('#search').click(function () {
            var params = {
                appCode: $("#appCode").val(),
                appName: $("#appName").val(),
                appUrl: $("#appUrl").val(),
                clientId: $("#clientId").val(),
                description: $("#description").val(),
                anonymousAccess: $("#anonymousAccess").val()
            }
            console.log('搜索参数', params);
            tablelist(1, 10, params);
        })
        // 重置
        $('#reset').click(function () {
            $('#appCode').val('');
            $('#appName').val('');
            $('#appUrl').val('');
            $('#clientId').val('');
            $('#description').val('');
            $('#anonymousAccess').val('');
            $("#anonymousAccessText").html("请选择");
            console.log('重置');
            tablelist(1, 10, { appCode: "", appName: "", appUrl: "", clientId: "", description: "", anonymousAccess: "" })
        })
        // 分页
        var changePageSize = function (size, pageNo, current) {
            var params = {
                appCode: $("#appCode").val(),
                appName: $("#appName").val(),
                appUrl: $("#appUrl").val(),
                clientId: $("#clientId").val(),
                description: $("#description").val(),
                anonymousAccess: $("#anonymousAccess").val()
            }
            var page = pageNo ? pageNo : $('#pageNum').val() ? $('#pageNum').val() : 1;
            currentSize = size ? size : 10;
            currentPage = Number(page);
            tablelist(page, size, params);
            pageNumInit(num);
        }

        // 只能输入中文
        onkeyup="value = value.replace(/[^\u4e00-\u9fa5]/g,'')"
        // 只能输入英文
        οnkeyup="value = value.replace(/[^a-zA-Z]/g, '')"
        // 只能输入数字
        oninput="value = value.replace(/[^0-9]/g, '')"
        // 只允许输入数字和小数点
        oninput="value = value.replace(/[^\d.]/g,'')"
        // 最大输入长度
        maxlength="10"
        // 最小输入长度
        minlength="1"

        function validateInput(item){
            var value = $("#" + item + "").val();
            if(value == ""){
                $("#" + item + "-error").show();
                return false;
            }
            $("#" + item + "-error").hide();
            return true;
        }

        // 新增
        function save(type) {
            if(!validateInput(""+ type + "-appCode")){
                return false;
            }
            if(!validateInput(""+ type + "-appName")){
                return false;
            }
            if(!validateInput(""+ type + "-appUrl")){
                return false;
            }
            if(!validateInput(""+ type + "-description")){
                return false;
            }
            // 判断路由格式
            var reg=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
            if(!reg.test($("#" + type + "-appUrl").val())){
                $("#" + type + "-appUrl-error").html("应用链接格式有误");
                $("#" + type + "-appUrl-error").show();
                return false;
            }
            $("#" + type + "-appUrl-error").html("请输入应用链接");
            $("#" + type + "-appUrl-error").hide();
            // 判断客户端id
            var regsz = /^[0-9]*$/;
            if($("#" + type + "-clientId").val() != "" && !regsz.test($("#" + type + "-clientId").val())){
                $("#" + type + "-clientId-error").show();
                return false;
            }
            $("#" + type + "-clientId-error").hide();

            var anonymousAccess = $("#" + type + "-anonymousAccess").val();
            if(anonymousAccess == ""){
                $("#" + type + "-anonymousAccess-error").show();
                return false;
            }
            var params = {
                id: type == "add" ? "" : currentItem.id,
                appCode: $("#" + type + "-appCode").val(),
                appName: $("#" + type + "-appName").val(),
                appUrl: $("#" + type + "-appUrl").val(),
                clientId: $("#" + type + "-clientId").val(),
                description:$("#" + type + "-description").val(),
                anonymousAccess: $("#" + type + "-anonymousAccess").val()
            }
            var url = type == "add" ? "/user-manager/userApi/manager/oauthApp/add" : "/user-manager/userApi/manager/oauthApp/edit";
            $request({
                url: url,
                method: 'post',
                data: JSON.stringify(params)
            }, function (res) {
                alert('操作成功');
                currentItem = "";
                if(type == "add"){
                    $('#pop-yingyongxinxi').fadeOut("normal");
                }else{
                    $('#pop-xiugaiyingyongxinxi').fadeOut("normal");
                }
                $('.pop-bg').removeClass('open');
                init();
            })
        };
        //
        function resetParams() {
            currentItem = {};
            $('#add-appCode').val('');
            $('#add-appName').val('');
            $('#add-appUrl').val('');
            $('#add-clientId').val('');
            $('#add-description').val('');
            $('#add-anonymousAccess').val('');
        }
        // edit
        function edit(item) {
            currentItem = item;
            $('#edit-appCode').val(currentItem.appCode);
            $('#edit-appName').val(currentItem.appName);
            $('#edit-appUrl').val(currentItem.appUrl);
            $('#edit-clientId').val(currentItem.clientId);
            $('#edit-description').val(currentItem.description);
            $('#edit-anonymousAccess').val(currentItem.anonymousAccess);
            $("#anonymousAccessEdit").text(currentItem.anonymousAccess == 1 ? "允许" : "不允许");
            $("#pop-xiugaiyingyongxinxi").fadeIn("normal");
            $('.pop-bg').addClass('open');
        }
        // 编辑
        $('#save').click(function () {
            var params = {
                appCode: $("#appCode").val(),
                appName: $("#appName").val(),
                appUrl: $("#appUrl").val(),
                clientId: $("#clientId").val(),
                description: $("#description").val(),
                anonymousAccess: $("#anonymousAccess").val()
            }
            if (currentItem.appCode) {
                params.id = currentItem.id;
                $request({
                    url: '/user-manager/userApi/manager/oauthApp/edit',
                    method: 'post',
                    data: JSON.stringify(params)
                }, function (res) {
                    alert('编辑成功');
                    init();
                })
            }
            else {
                $request({
                    url: '/user-manager/userApi/manager/oauthApp/add',
                    method: 'post',
                    data: JSON.stringify(params)
                }, function (res) {
                    alert('新增成功');
                    init();
                })
            }
        });

        var currentItemId = "";
        // 删除
        function deleteItem() {
            $request({
                url: '/user-manager/userApi/manager/oauthApp/remove/' + currentItemId,
                method: 'post',
            }, function (res) {
                alert('删除成功');
                window.location.href = "/userManager/appcation/setting.html";
            })
        }

        function remove(index, e){
            var _id = $(e).attr('data-href');
            $(_id).fadeIn("normal");
            $('.pop-bg').addClass('open');
            var id = tableData[Number(index)].id;
            currentItemId = id;
        }

        function init() {
            currentItem = {};
            tablelist(1, 10, { appCode: "", appName: "", appUrl: "", clientId: "", description: "", anonymousAccess: "" })
        }
        init();
    </script>
</body>

</html>